<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Prueba</title>
<link rel="stylesheet" type="text/css" href="estilos.css" />
</head>
<body>

	<form action="datos_proyecto_form.asp" class=" formulario">
		<div id="ctl22" class="x-toolbar x-small-editor x-toolbar-layout-ct">
			<table>
				<tbody>
					<tr>
						<td><table>
								<tbody>
									<tr>
										<td id="ext-gen19">
											<table id="btnPrev"
												class="x-btn  x-btn-text-icon x-item-disabled">
												<tbody>
													<tr>
														<td><em><button id="ext-gen20"
																	class=" x-btn-text icon-controlrewind" type="button">Anterior</button></em></td>
													</tr>
												</tbody>
											</table>
								

								<td id="ext-gen21"><table id="btnNext"
										class="x-btn x-btn-text-icon">
										<tbody class="x-btn-icon-small-left">
											<tr>
												<td class="x-btn-mc"><em><button id="ext-gen22"
															class=" x-btn-text icon-controlfastforward" type="button">Siguiente</button></em></td>
											</tr>
										</tbody>
									</table></td>

								</tbody>
							</table></td>
						<td align="right"><table>

							</table></td>
					</tr>
				</tbody>
			</table>


		</div>
		<div id="ext-gen16" class="x-panel-body">
			<div>
				<br>
				<header> DATOS DEL PROYECTO </header>

				<p>Complete los datos solicitados a continuación para crear el
					nuevo proyecto</p>
			</div>
			<table class="tblPropVals">
				<tbody>

					<tr>
						<td class="tdProp">Responsable: <span class="star"> *
						</span>
						</td>
						<td><input id="txtResponsable" type="text"
							name="txtResponsable" value="Usuario de prueba" readonly></input></td>
					</tr>


					<tr>
						<td class="tdProp">NombreProyecto: <span class="star">
								* </span>
						</td>
						<td><input id="nombre_proyecto" type="text"
							name="nombre_proyecto" autofocus required></input></td>
					</tr>

					<tr>
						<td class="tdProp">Descripción: <span class="star"> *
						</span>
						</td>
						<td><textarea rows='6' id="descripción_proyecto"
								name="descripción_proyecto" required></textarea></td>
					</tr>

					<tr>
						<td class="tdProp">Tipo de proyecto: <span class="star">
								* </span>
						</td>
						<td><select name="tipo_proyecto">
								<option value="1">Docencia</option>
								<option value="2">Investigacion</option>
								<option value="3">Extension</option>
						</select></td>
					</tr>


					<tr>
						<td class="tdProp">Modalidad del proyecto: <span class="star">
								* </span>
						</td>
						<td><select name="modalidad_proyecto">
								<option value="1">Presencial</option>
								<option value="2">Regionalización</option>
								<option value="3">ude@</option>
						</select></td>
					</tr>

					<tr>
						<td class="tdProp">Fecha Inicial: <span class="star">
								* </span>
						</td>
						<td><input type="date" name="fechaInicial" id="fecha_Inicial"
							required></input></td>
					</tr>


					<tr>
						<td class="tdProp">Fecha Final: <span class="star"> *
						</span>
						</td>
						<td><input type="date" name="fechaFinal" id="fecha_Final"
							required></input></td>
					</tr>


					<tr>
						<td class="tdProp">Asesor(es): <span class="star"> * </span>
						</td>
						<td><a href="#add_persona_form" id="login_pop">Agregar</a></td>
					</tr>

				</tbody>
			</table>
		</div>
	</form>

	<!-- popup form #1 -->

	<a href="#x" class="overlay" id="add_persona_form"></a>

	<div class="popup">

		<h2>Busqueda</h2>

		<p>Por favor ingrese el nombre o cedula de la persona que desea
			agregar</p>

		<div>
			<label>Nombre: </label><input type="text" name="nombre"
				placeholder="Nombre">
		</div>
		<div>
			<label>Cédula:</label><input type="text" name="cedula"
				placeholder="cedula">
		</div>
		<div>
			<input type="submit" value="Agregar">
		</div>
		<a class="close" href="#close"></a>

	</div>	

</body>
</html>